import { f } from "../styles";

const SVG = `
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5002 2.19995C5.91623 2.19995 2.2002 5.91599 2.2002 10.5C2.2002 15.0839 5.91623 18.8 10.5002 18.8C12.5041 18.8 14.3421 18.0898 15.7763 16.9075L20.4345 21.5656C20.7469 21.8781 21.2535 21.8781 21.5659 21.5656C21.8783 21.2532 21.8783 20.7467 21.5659 20.4343L16.9077 15.7761C18.0901 14.3419 18.8002 12.5038 18.8002 10.5C18.8002 5.91599 15.0842 2.19995 10.5002 2.19995ZM3.8002 10.5C3.8002 6.79964 6.79989 3.79995 10.5002 3.79995C14.2005 3.79995 17.2002 6.79964 17.2002 10.5C17.2002 14.2003 14.2005 17.2 10.5002 17.2C6.79989 17.2 3.8002 14.2003 3.8002 10.5Z" fill="currentColor"/>
</svg>
`;

const IconSearch: React.FC = () => (
  <div className={f.flex} dangerouslySetInnerHTML={{ __html: SVG }} />
);

export default IconSearch;
